<script setup lang="ts">
import { ref } from 'vue';


import { useRoute, useRouter } from 'vue-router';

const route = useRoute()
const router = useRouter()


const gotoB = () => {
  router.push({
    path: '/B'
  })
  // console.log(router);

  // console.log(route.meta.isFooter);

}

const gotoA = () => {
  router.push({
    path: '/A'
  })
}



</script>

<template >
  <div class="title">
    <h1>首页</h1>
    <button @click="gotoB">b页面</button>
    <button @click="gotoA">A页面</button>
    <hr>
    <router-view></router-view>
  </div>


</template>

<style scoped lang="less">
</style>
